<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title><?php echo $message;?> - 跳转提示</title>
    <link rel="stylesheet" href="<?php echo _APP_URL_;?>/library/layui/css/layui.css">
    <script>
        if (window != top) {
            top.location.replace(location.href);
        }
    </script>
</head>
<body>

<div class="rj-container">
  <div class="rj-tips">
    <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" ></i>  
  </div>
  <div class="rj-text">
    <span><?php echo $message;?></span>
  </div>
  <span class="rj_jump">
          <span id="wait"><?php echo($wait);?></span> 秒
          <a id="href" href="<?php echo($url);?>">关闭</a>
  </span>
    
</div>
<style>
body{ background: #f2f2f2;}
.rj-container{margin:0 auto;margin-top: 100px;padding:35px 20px 30px;max-width:700px;
                border-radius: 5px;border:1px solid #ccc;box-shadow:0 5px 20px #ccc; 
                text-align: center;background: #fff;}

.rj-tips .layui-icon{color: #4aca85;font-weight: bold;font-size: 80px;animation-duration: 3s;}

.rj-text{margin: 30px auto;font-size: 26px;line-height: 22px; color: #666;text-shadow: 1px 1px 2px #bbb;}
.rj-text span{ padding:10px 50px;border-bottom: 1px solid #FFB800;}

.rj_jump{margin: 50px; padding: 20px;font-size: 16px;line-height: 22px;color: #666;}
</style>
<!-- js部分 -->
<script src="<?php echo _APP_URL_;?>/library/layui/layui.js"></script>
<script>
(function(){
    var wait = document.getElementById('wait'),
        href = document.getElementById('href').href;
    var interval = setInterval(function(){
        var time = --wait.innerHTML;
        if(time <= 0) {
            location.href = href;
            clearInterval(interval);
        };
    }, 1000);
})();
</script>

</body>
</html>